import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
import Home from "./pages/Home";
import About from "./pages/About";
import "./App.css";
import TestUse from "./pages/TestUse";
import TestUseTransition from "./pages/TestUseTransition";
import TestUseRequest from "./pages/TestUseRequest/index";
import TestReactVirtualized from "./pages/TestReactVirtualized/index";
import TestAntvF2 from "./pages/TestAntvF2/index";

function App() {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">首页</Link>
            </li>
            <li>
              <Link to="/about">关于</Link>
            </li>
            <li>
              <Link to="/testUse">testUse</Link>
            </li>
            <li>
              <Link to="/TestUseTransition">TestUseTransition</Link>
            </li>
            <li>
              <Link to="/TestUseRequest">TestUseRequest</Link>
            </li>
            <li>
              <Link to="/TestReactVirtualized">TestReactVirtualized</Link>
            </li>
            <li>
              <Link to="/TestAntvF2">TestAntvF2</Link>
            </li>
          </ul>
        </nav>

        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
          <Route path="/testUse" element={<TestUse />} />
          <Route path="/TestUseTransition" element={<TestUseTransition />} />
          <Route path="/TestUseRequest" element={<TestUseRequest />} />
          <Route
            path="/TestReactVirtualized"
            element={<TestReactVirtualized />}
          />
          <Route path="/TestAntvF2" element={<TestAntvF2 />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;
